<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript">
$(function () {
        $('#container').highcharts({
            chart: {
                type: 'line',
                marginRight: 130,
                marginBottom: 25,
                borderColor: '#000000',
                backgroundColor: '#F2F2F2'
            },
            title: {
                text: 'Total messages from 26/5 to 01/6',
                x: -20 //center
            },
            subtitle: {
                text: 'Query: S4',
                x: -20
            },
            xAxis: {
                categories: ['26/5', '27/5', '28/5', '29/5', '30/5', '31/5',
                    '01/6']
            },
            yAxis: {
                title: {
                    text: 'Messages (mes)'
                },
                min: '0',
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: 'red'//bottom limit value
                }]
            },
            tooltip: {
                valueSuffix: 'mes'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 2//caption border
            },
            series: [{
                name: 'Total',
                data: [7, 6, 9, 19, 15, 21, 25]
            }/*, {
                name: 'New York',
                data: [0, 0.8, 5.7, 11.3, 17.0, 42.0, 24.8]
            }, {
                name: 'Berlin',
                data: [0, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6]
            }, {
                name: 'London',
                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.08]
            }*/]
        });
    });
    

		</script>
	</head>
	<body>
<script src="../js/highcharts.js"></script>
<script src="../js/modules/exporting.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

	</body>
</html>
